
                <!DOCTYPE html>
                <html>
                <head>
                    <meta charset='UTF-8'>
                    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
                    <title>仪表板</title>
                    <link href='https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.8/css/bootstrap.min.css' rel='stylesheet'>
                    <link rel='stylesheet' href='https://cdn.bootcdn.net/ajax/libs/font-awesome/7.0.0/css/all.min.css'>
                    <style>
                        body { 
                            padding: 20px; 
                            background-color: #f8f9fa;
                            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
                        }
                        .stats-card {
                            border-radius: 10px;
                            overflow: hidden;
                            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
                            margin-bottom: 20px;
                        }
                        .stats-icon {
                            width: 60px;
                            height: 60px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            border-radius: 10px;
                            font-size: 1.5rem;
                        }
                        .welcome-banner {
                            background: linear-gradient(135deg, #ffccd5, #cdb4db);
                            border-radius: 10px;
                            padding: 25px;
                            color: white;
                            margin-bottom: 25px;
                        }
                    </style>
                </head>
                <body>
                    <div class='welcome-banner'>
                        <h2>欢迎回来！</h2>
                        <p>BeautyPlus 管理系统</p>
                    </div>
                    
                    <div class='row'>
                        <div class='col-md-3'>
                            <div class='stats-card bg-white p-3'>
                                <div class='d-flex align-items-center'>
                                    <div class='stats-icon bg-primary text-white'>
                                        <i class='fas fa-box-open'></i>
                                    </div>
                                    <div class='ms-3'>
                                        <h5 class='mb-0'>128</h5>
                                        <small class='text-muted'>商品总数</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class='col-md-3'>
                            <div class='stats-card bg-white p-3'>
                                <div class='d-flex align-items-center'>
                                    <div class='stats-icon bg-success text-white'>
                                        <i class='fas fa-shopping-cart'></i>
                                    </div>
                                    <div class='ms-3'>
                                        <h5 class='mb-0'>24</h5>
                                        <small class='text-muted'>今日订单</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class='col-md-3'>
                            <div class='stats-card bg-white p-3'>
                                <div class='d-flex align-items-center'>
                                    <div class='stats-icon bg-info text-white'>
                                        <i class='fas fa-users'></i>
                                    </div>
                                    <div class='ms-3'>
                                        <h5 class='mb-0'>1,248</h5>
                                        <small class='text-muted'>用户总数</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class='col-md-3'>
                            <div class='stats-card bg-white p-3'>
                                <div class='d-flex align-items-center'>
                                    <div class='stats-icon bg-warning text-white'>
                                        <i class='fas fa-yen-sign'></i>
                                    </div>
                                    <div class='ms-3'>
                                        <h5 class='mb-0'>¥24,560</h5>
                                        <small class='text-muted'>本月收入</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class='row'>
                        <div class='col-md-8'>
                            <div class='stats-card bg-white p-3'>
                                <h5>销售趋势</h5>
                                <div style='height: 200px; background: #f1f1f1; display: flex; align-items: center; justify-content: center; border-radius: 5px;'>
                                    <span>销售数据图表</span>
                                </div>
                            </div>
                        </div>
                        <div class='col-md-4'>
                            <div class='stats-card bg-white p-3'>
                                <h5>热门分类</h5>
                                <ul class='list-group list-group-flush'>
                                    <li class='list-group-item d-flex justify-content-between align-items-center'>
                                        护肤品
                                        <span class='badge bg-primary rounded-pill'>42</span>
                                    </li>
                                    <li class='list-group-item d-flex justify-content-between align-items-center'>
                                        彩妆
                                        <span class='badge bg-primary rounded-pill'>35</span>
                                    </li>
                                    <li class='list-group-item d-flex justify-content-between align-items-center'>
                                        服装
                                        <span class='badge bg-primary rounded-pill'>28</span>
                                    </li>
                                    <li class='list-group-item d-flex justify-content-between align-items-center'>
                                        配饰
                                        <span class='badge bg-primary rounded-pill'>19</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </body>
                </html>
            